/*==============
  RESET
  ==============*/
html {
  background-color: var(--bg-color);
}

/*
<div class="test">
<span class="text-warning">COUCOU</span>
<span class="bg-warning">COUCOU</span>
<span class="text-success">COUCOU</span>
<span class="bg-success">COUCOU</span>
<span class="text-danger">COUCOU</span>
<span class="bg-danger">COUCOU</span>
<span class="text-info">COUCOU</span>
<span class="bg-info">COUCOU</span>
<span class="text-primary">COUCOU</span>
<span class="bg-primary">COUCOU</span>
</div>
*/

/*===TXT===*/
.text-primary {
  color: var(--brand-color-1);
}
[data-theme='dark'] .text-primary {
  color: var(--primary-color);
}
[data-theme='dark'] .text-primary .h4 {
  color: var(--brand-color-2);
}

a:hover, a:focus {
  color: var(--brand-color-1);
}
[data-theme='dark'] a:hover,
[data-theme='dark'] a:focus {
  color: var(--primary-color);
}

/*===BG===*/
/*.bg-primary {
  color: var(--font-color);
}*/
.bg-primary, .bg-primary.dk, .bg-primary .dk {
  background-color: var(--brand-color-1);
}
[data-theme='dark'] .bg-primary, .bg-primary.dk, .bg-primary .dk {
  background-color: var(--primary-color);
}
/*[data-theme='dark'] */
.bg-light.dk,
.bg-light .dk,
.bg-light-dk,
.bg-swing.dk,
.bg-swing .dk,
.bg-swing-dk,
.bg-light,
.bg-light.dk,
.bg-light .dk,
.bg-light.dker,
.bg-light .dker,
.bg-swing.dker,
.bg-swing .dker,
.bg-light.lt,
.bg-light .lt,
.bg-swing.lt,
.bg-swing .lt {
  color: var(--font-color);
  background-color: var(--bg-color);
}

/*Warning*/
.bg-warning {
  background-color: #f57d00;
  color: #ffffff;
}
.bg-warning.dk,
.bg-warning .dk {
  background-color: #ff8217;
}
.bg-warning.dker,
.bg-warning .dker {
  background-color: #f17204;
}

/*Success*/
.bg-success.lter,
.bg-success .lter {
  background-color: #67c744;
}
.bg-success {
  background-color: #5ace30;
  color: #fbfdfa;
}
.bg-success.dk,
.bg-success .dk {
  background-color: #3dbc0e;
}
.bg-success.dker,
.bg-success .dker {
  background-color: #288f00;
}

.bg-danger {
  background-color: #eb0000;
}
.bg-danger.dk, .bg-danger .dk {
  background-color: #ff1800;
}

/*===BTN===*/
/*Danger*/
.btn-danger {
  background-color: #f33c28;
  border-color: #f33c28;
}
.btn-danger:hover {
  background-color: #d52511;
  border-color: #d52511;
}

.bg-danger.text-dark {
  color : #fff;
}

.btn-default,
.btn-primary,
.btn-primary:hover,
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #fff !important;
  background-color: var(--brand-color-1);
  border-color: var(--brand-color-1);
}

a.btn-primary:not(:has(i)) {
  color: black !important;
  background-color: var(--brand-color-2);
  border-color: var(--brand-color-2);
}

[data-theme='dark'] .btn-default,
[data-theme='dark'] .btn-primary,
[data-theme='dark'] .btn-default:hover,
[data-theme='dark'] .btn-default:focus,
[data-theme='dark'] .btn-default:active,
[data-theme='dark'] .btn-default.active,
[data-theme='dark'] .open .dropdown-toggle.btn-default {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

[data-theme='dark'] .btn-white {
  background-color: var(--neutral-2);
}

.bg-primary.btn:hover,
.bg-primary.btn:focus,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: var(--brand-color-3);
  border-color: var(--brand-color-3);
}

[data-theme='dark'] .btn.bg-primary:hover,
[data-theme='dark'] .btn.bg-primary:focus,
[data-theme='dark'] .btn-primary:hover,
[data-theme='dark'] .btn-primary:focus,
[data-theme='dark'] .btn-primary:active,
[data-theme='dark'] .btn-primary.active,
[data-theme='dark'] .open .dropdown-toggle.btn-primary {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}

/*Status*/
.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
  background-color: var(--neutral-4);
  border-color: var(--neutral-4);
}

[data-theme='dark'] .btn-primary.disabled,
[data-theme='dark'] .btn-primary.disabled:hover,
[data-theme='dark'] .btn-primary.disabled:focus,
[data-theme='dark'] .btn-primary.disabled:active,
[data-theme='dark'] .btn-primary.disabled.active,
[data-theme='dark'] .btn-primary[disabled],
[data-theme='dark'] .btn-primary[disabled]:hover,
[data-theme='dark'] .btn-primary[disabled]:focus,
[data-theme='dark'] .btn-primary[disabled]:active,
[data-theme='dark'] .btn-primary[disabled].active,
[data-theme='dark'] fieldset[disabled] .btn-primary,
[data-theme='dark'] fieldset[disabled] .btn-primary:hover,
[data-theme='dark'] fieldset[disabled] .btn-primary:focus,
[data-theme='dark'] fieldset[disabled] .btn-primary:active,
[data-theme='dark'] fieldset[disabled] .btn-primary.active {
  background-color: var(--neutral-2);
  border-color: var(--neutral-2);
}

.btn-warning.disabled,
.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled:active,
.btn-warning.disabled.active,
.btn-warning[disabled],
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning.active {
  /*teintes proches aux variables*/
  background-color: #edaa0f;
  border-color: #edaa0f;
}

/*Colors*/
.btn-warning {
  color: #fff !important;
  background-color: #edaa0f;
  border-color: #edaa0f;
}

/*SpecialColors*/
.btn-twitter {
  background-color: var(--brand-color-1) !important;
  border-color: var(--brand-color-1);
}
[data-theme='dark'] .btn-twitter {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color);
}
[data-theme='dark'] .btn-success {
  background-color: #4e6800 !important;
  border-color: #4e6800;
}

/*===BORDER===*/
.border-primary {
  border-color: var(--brand-color-1);
}
[data-theme='dark'] .border-primary {
  border-color: var(--primary-color);
}
.border-warning {
  border-color: var(--brand-color-2);
}

.border-light {
  border-color: var(--neutral-4);
}

/*===TABLE===*/
/*pseudo elements and selections*/
tr.yellow td,
::selection {
  background-color: yellow!important;
  color: #000;
}
[data-theme='dark'] table.table.liste {
  border-color: transparent !important;
}

/*===TEXTAREA===*/
textarea {
  resize: vertical;
}

/*===UI POPUP===*/
.ui-dialog-content .scrollable.wrapper,
.ui-dialog-content .scrollable.wrapper .panel-body.table-responsive.fiche {
  padding: 0 !important;
}


/*===FICHE NAVIRE===*/
@media screen and (max-width: 1800px)/*not print*/ {
  table.ormo:not(:first-child) {
    border-top: 1px solid var(--neutral-3);
  }
  table.ormo:not(:first-child) tr:first-child > td:first-child {
    padding-top: 20px;
  }

  .fiche label {
    white-space: normal !important;
  }

  .fiche .ormo.ref td[class*="col-"] {
    width: 100% !important;
    display: block;
  }
  /*transforme en liste*/
  .fiche .ormo.ref div[class*="col-"] {
    width: auto!important;
  }
  /*label*/
  .fiche .ormo.ref div.text-right {
    padding-left: 0 !important;
    padding-right: 0!important;
  }
  /*value*/
  .fiche .ormo.ref div:not(:first-child) {
    border: 0!important;
  }

}